import React, { useState } from 'react'
import { Layout } from 'antd'
const { Header, Content, Sider } = Layout
import styles from './home.module.less'
import logo from '@/assets/logo.png'
import ChatBox from '@/views/chatBox/ChatBox'

const Home = () => {
  // 控制侧边栏的折叠
  return (
    <Layout className={styles.container}>
      <Sider collapsed={true}>
        <div className={styles.logo}>
          <img src={logo} alt="" />
        </div>
      </Sider>
      <Layout>
        <Header className={styles.header}>
          <h2>匿名聊天室</h2>
        </Header>
        <Content className={styles.content}>
          <div className={styles.containerBox}>
            <ChatBox />
          </div>
        </Content>
      </Layout>
    </Layout>
  )
}

export default Home
